//@flow

/**
 * 首页
 */
import React, { Component } from 'react';
import { 
    View,
    Text,
 } from 'react-native';
import { PageHOC } from '../base/pageHOC';
import { Button } from 'antd-mobile-rn';
import { Navigate } from "../common/navigate";
import { Props as NavProps, NavBar } from "../container/navBar";
import { NavBarTitleView } from '../container/navBarTitleView';
import { NavBackBtn } from '../container/navBackBtn';


@PageHOC
export class Home extends Component{
    componentDidMount(){
        console.log(`nav:${navigator}`)
        
    }
    render(){
        return(
            <View>
                <NavBar 
                    titleView="首页"/>
                
                <Text style={{backgroundColor: 'yellow',height:50}}>
                    A
                    
                </Text>
                <Text style={{backgroundColor: 'yellow',height:50}}>A</Text>
                <Text style={{backgroundColor: 'yellow',height:50}}>A</Text>
                <Button onClick={()=>{Navigate.navigate('Hello',{})}}>goto hello</Button>
                <Text style={{backgroundColor: 'yellow',height:50}}>A</Text>
                <Text style={{backgroundColor: 'yellow',height:50}}>A</Text>
                <Text style={{backgroundColor: 'yellow',height:50}}>A</Text>
                <Button onClick={()=>{Navigate.navigate('Version')}}>goto hello</Button>
            </View>
        )
    }
}

// Home = PageHOC(Home,{name:'linting'})
// export {Home}